.purchase-item {
    padding: $app-page-padding;
    background: $color-white;
    border-radius: 12rpx;
    margin: $app-page-padding $app-page-padding 0;
    display: flex;
    flex-direction: column;
    .purchase-name {
        font-size: $font-size-30;
        font-weight: bold;
        margin-bottom: 10rpx;
    }
    .purchase-sn,
    .purchase-time {
        font-size: $font-size-24;
        color: $app-color-text-tip;
        margin-bottom: 10rpx;
    }
    .purchase-type {
        font-size: $font-size-28;
    }
    .purchase-num {
        font-size: $font-size-40;
        color: $app-color-main;
        font-weight: bold;
    }
    .purchase-num-other {
        color: $color-blue-1;
    }
}
.action-bottom-bar {
    justify-content: center;
}
.btn-action {
    display: flex;
    flex-direction: row;
    width: 400rpx;
    box-shadow: 0px 4rpx 14rpx 0px rgba(74, 86, 103, 0.3);
    border-radius: 100rpx;
    .btn-action-left {
        width: 104rpx;
        height: 90rpx;
        line-height: 90rpx;
        border: none;
        background: #494f63;
        border-radius: 100rpx 0 0 100rpx;
        justify-content: center;
        align-items: center;
        display: flex;
        .icon-input-code {
            width: 48rpx;
            height: 48rpx;
        }
        &::after {
            border: none;
        }
    }
    .btn-action-right {
        flex: 1;
        height: 90rpx;
        line-height: 90rpx;
        border: none;
        background: $color-blue-1;
        color: $color-white;
        border-radius: 0 100rpx 100rpx 0;
        font-size: $font-size-32;
        font-weight: bold;
        &::after {
            border: none;
        }
    }
}
.purchase-detial {
    .detail-card {
        border-radius: 8rpx;
        background: $color-white;
        margin: $app-page-padding $app-page-padding 0;
        .detial-title {
            display: flex;
            align-items: center;
            height: 88rpx;
            border-bottom: solid 1rpx #ebebeb;
            padding-left: $app-page-padding;
            text {
                font-size: $font-size-28;
                font-weight: bold;
            }
        }
        .detail-info {
            display: flex;
            flex-direction: column;
            padding: $app-page-padding;
        }
        .noPb {
            padding-bottom: 0;
        }
    }
}
